<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- saved from url=(0068)http://47.57.81.247/showapp2.jsp?id=42e77fdba581458fb3a53cef11f0f552 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


  <title>蓝海支付</title>

  <!--<script src="./files/jquery.min.js" type="text/javascript"></script>
  <script src="./files/qrcode.js" type="text/javascript"></script>-->

  <script src="${request.contextPath}/statics/js/jquery.min.js" type="text/javascript"></script>
  <script src="${request.contextPath}/statics/js/qrcode.js" type="text/javascript"></script>
  <script type="text/javascript">
      window.onload = function(){
          //屏蔽键盘事件
          document.onkeydown = function (){
              var e = window.event || arguments[0];
              //F12
              if(e.keyCode == 123){
                  return false;
                  //Ctrl+Shift+I
              }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
                  return false;
                  //Shift+F10
              }else if((e.shiftKey) && (e.keyCode == 121)){
                  return false;
                  //Ctrl+U
              }else if((e.ctrlKey) && (e.keyCode == 85)){
                  return false;
              }
          };
          //屏蔽鼠标右键
          document.oncontextmenu = function (){
              return false;
          }
      }
      var time ;
     /* {
          "msg": "订单获取成功",
          "V_MONEY": 300,
          "TZ_URL": "alipays://platformapi/startapp?appId=20000691&url=http%3A%2F%2F8.129.170.244%2Falipay.jsp%3Fu%3D2088812184244226%26a%3D300.00%26m%3D20200423193023102525",
          "ZZ_URL": "https://www.alipay.com/?appId=20000123&actionType=scan&biz_data=%7B%22a%22%3A%22300.00%22%2C%22s%22%3A%22money%22%2C%22u%22%3A%222088812184244226%22%2C%22m%22%3A%2220200423193023102525%22%7D",
          "V_VIEW_TYPE": "2",
          "V_URL_SCHEME": "https://qr.alipay.com/fkx14628t29rjhtafuqyv55",
          "V_PAY_ACCOUNT": "17621789511",
          "V_NAME": "1586499021042.jpg",
          "V_BELONG_APP": "25943fb7432841e5bb2ad4d693e787be",
          "V_APP_ID": "2088812184244226",
          "V_ORDER_NO": "20200423193023102525",
          "IMG_URL": "http://47.57.81.247:8090/1586499021042.jpg",
          "success": true,
          "V_PAY_NO": "陈义进",
          "ALI_URL": "alipayqr://platformapi/startapp?saId=10000007&qrcode=https://qr.alipay.com/fkx14628t29rjhtafuqyv55",
          "TIME_OUT": "2020-04-23 19:40:23",
          "ID": "2e86c6c121024d71b334d7d415e202f0",
          "DOWN_URL": "http://47.57.81.247//authorize/attach/downFile?ID=2e86c6c121024d71b334d7d415e202f0"
      }*/
      $(function(){
          $("#payclick").click(function(){

              window.open(result.V_URL_SCHEME);
          });
          $("#copy").click(function(){
              const range = document.createRange();
              range.selectNode(document.getElementById("payaccount"));
              const selection = window.getSelection();
              if(selection.rangeCount > 0) selection.removeAllRanges();
              selection.addRange(range);
              document.execCommand('copy');
              window.open('alipayqr://platformapi/startapp?saId=20000116&actionType=toAccount');
          });
      });

      
      function openImg(){
          location.href = $("#qrcode").attr("src");
      }
      function closeBtn(){
          $("#alert_box").hide();
      }
      function clock(){
          var today=new Date(),//当前时间
              h=today.getHours(),
              m=today.getMinutes(),
              s=today.getSeconds();
          time = time.replace(/-/g, '/'); // "2010/08/01";
          var stopTime=new Date(time),//结束时间
              stopH=stopTime.getHours(),
              stopM=stopTime.getMinutes(),
              stopS=stopTime.getSeconds();
          var shenyu=stopTime.getTime()-today.getTime(),//倒计时毫秒数

              shengyuD=parseInt(shenyu/(60*60*24*1000)),//转换为天
              D=parseInt(shenyu)-parseInt(shengyuD*60*60*24*1000),//除去天的毫秒数
              shengyuH=parseInt(D/(60*60*1000)),//除去天的毫秒数转换成小时
              H=D-shengyuH*60*60*1000,//除去天、小时的毫秒数
              shengyuM=parseInt(H/(60*1000)),//除去天的毫秒数转换成分钟
              M=H-shengyuM*60*1000;//除去天、小时、分的毫秒数
          if (shenyu > 0){
              S=parseInt((shenyu-shengyuD*60*60*24*1000-shengyuH*60*60*1000-shengyuM*60*1000)/1000)//除去天、小时、分的毫秒数转化为秒
              $("#hours").text(shengyuH + "时");
              $("#minutes").text(shengyuM + "分");
              $("#seconds").text(S + "秒");
              // setTimeout("clock()",500);
              setTimeout(clock,500);
          }else {
              location.href="/timeOut.jsp"
          }

      }

      function saveimg(orderno) {
          var img = $('#qrcode img').attr('src');
          let a = document.createElement('a');
          a.href = img
          a.download = orderno + ".png";
          a.click();
          // var img = $('#qrcode canvas').attr("src");
          // let a = document.createElement('a');
          // a.href = img[0].toDataURL('image/png');
          // a.download = orderno+ ".png";
          // a.click();
          //this.downloadFile(orderno + '.png', img);
      }


      //下载
      function downloadFile(fileName, content) {
          let blob = this.base64ToBlob(content); //new Blob([content]);

          var url = URL.createObjectURL(blob);
          var a = document.createElement('a');
          a.href = url;
          a.download = url.replace(/(.*\/)*([^.]+.*)/ig, "$2").split("?")[0];
          var e = document.createEvent('MouseEvents');
          e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
          a.dispatchEvent(e);
          URL.revokeObjectURL(url);

      }


      //base64转blob
      function base64ToBlob(code) {
          let parts = code.split(';base64,');
          let contentType = parts[0].split(':')[1];
          let raw = window.atob(parts[1]);
          let rawLength = raw.length;

          let uInt8Array = new Uint8Array(rawLength);

          for (let i = 0; i < rawLength; ++i) {
              uInt8Array[i] = raw.charCodeAt(i);
          }
          return new Blob([uInt8Array], {type: 'application/octet-stream'});
      }
      function chooseType(type) {
          $(".jtsm").hide();
          $("#jtsm").removeClass('choosed');
          $(".zhzz").hide();
          $("#zhzz").removeClass('choosed');
          $("#" + type).addClass('choosed');
          $("#" + type).show();
          $("." + type).show();
      }
  </script>
  <style type="text/css">
    * {
      margin: 0;
      padding: 0;
      text-decoration:none;
    }

    .body {
      text-align: center;
      max-width: 100%;
      margin: auto
    }

    .top {
      height: 6vh;
      box-shadow: 0 0 5px #ccc;
      border-radius: 3px;
      position: relative;
      margin-bottom: 1vh;
    }

    .top img {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0;
      right: 0;
      height: 50%;
    }

    .content {
      box-shadow: 0 0 5px #ccc;
      border-radius: 3px
    }

    .price {
      font-size: 10vw;
      line-height: 14vw;
      border-bottom: 1px solid #eee
    }

    .order {
      font-size: 5vw;
      line-height: 6vh;
      width: 98vw;
      margin: auto;
    }
    .msg-tip {
      font-size: 40px;
      line-height: 80px;
      color:red;
      margin-top:10px
    }

    .img-box {
      margin: 2vh 0 0.2vh;
      vertical-align: top;
    }
    .qrcode img{
      margin: auto;
    }
    .img-box a{
      width: 70%;
      height: 5.5vh;
      font-size: 4.5vw;
      border-radius: 2vh;
      border: none;
      background-color: #108ee9;
      color: white;
      display: block;
      text-decoration: none;
      line-height: 5.5vh;
      text-align: center;
      margin: auto;
      margin-top: 1vh;
    }
    .img-box span {
      width: 30px;
      height: 100%;
      display: inline-block;
      vertical-align: top;
      word-wrap: break-word;
      margin: 0px 20px;
      color:red;
      font-size:36px;
    }

    .img-box img {
      width: 30%;
      background: url("${request.contextPath}/statics/image/pc_loading.gif") center center
      no-repeat;
    }

    .red {
      width: 88vw;
      margin: auto;
      color: #de0000;
      font-size: 3vw;
      line-height: 3vh;
      margin-top: 0.5vh;
      text-align: center;
    }

    .gren {
      color: #02c10b;
      font-size: 8px;
      line-height: 15px;
    }

    .tsyy {
      font-size: 3vh;
      line-height: 4.5vh;
      color: #333;
      text-align: center;
    }

    .accountinfo {
      font-size: 5vw;
      line-height: 10vw;
      color: #333;
      text-align: center;
    }
    .accountinfo button {
      background-color:#4886e5;
      width:50vw;
      height:5vh;
      border:none;
      border-radius:10vw;
      color:white;
    }
    .black {
      font-size: 2.5vh;
      line-height: 3.5vh;
      color: #333;
      text-align: left;
    }

    .text {
      margin: 0 1vw
    }

    .span-div {
      color: #ff6600;
      font-size: 3vw;
      line-height: 3vh;
    }

    .span {
      margin: 0 1vw;
    }

    .bottom {
      line-height: 7vh;
    }

    .bottom img {
      width: 10%;
      vertical-align: middle;
    }

    .bottom p {
      display: inline-block;
      font-size: 3rem;
      vertical-align: middle;
      margin-left: 10px
    }

    .btn {
      background-color: #00a2ff;
      display: inline-block;
      width: 90%;
      color: #fff;
      line-height: 25px;
      border-radius: 3px;
      font-size: 10px;
      margin: 2px 0;
      height: 40px;
      padding: 0 11px;
      border: 1px #26bbdb solid;
      text-decoration: none;
      outline: 0
    }

    .tips {
      width: 88%;
      margin: 1vh auto;
    }
    .alert_box {
      display:none;
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background: rgba(0, 0, 0, 0.12);
      z-index: 999;
      overflow-y: hidden;
    }
    .alert_content{
      width: 70vw;
      margin: 15vh 15vw;
      background-color: #fff;
      padding: 3vh 0;
      font-size: 6vw;
      border-radius: 7vw;
    }
    .alert_pay_msg{
      color:#555;
    }
    .alert_pay_msg span{
      color:#de0000;
      margin-left:1vw;
      margin-right:1vw;
    }
    .alert_pay_tip{
      color:#108ee9;
    }
    .alert_pay_warring{
      color:#de0000;
      font-size: 6.5vw;
      margin-left: 1vw;
      margin-right: 1vw;
    }
    .alert_pay_btn{
      background-color: #108ee9;
      width: 80%;
      height: 7vh;
      border: 0px;
      border-radius: 3vh;
      color:#fff;
      font-size: 4vw;
      margin-top: 1vh
    }
    .choose-title {
      width:100%;
      line-height:8vh;
      height:8vh;
      color:white;
      font-size: 5vw;
    }
    .choose-title .title {
      width:50%;
      float:left;
      background-color:#999;
    }
    .choosed {
      background-color:#4886e5 !important;
    }
  </style>
</head>
<body>
<div class="body">
  <div class="top">
    <img src="${request.contextPath}/statics/image/alipay_logo.png">
  </div>
  <div class="content">
    <div class="text zhzz">
      <div class="tips">
        <p class="price">
          ￥ <span style="color: #ff6600;" id="pay_money">300</span>
        </p>
      </div>
    </div>
    <div class="tips jtsm">
      <p class="black" style="color: #ff6600;font-size:3vh">温馨提示：进入付款页后，必须输入金额<span id="paymoney">300</span>元，否则无法到账！</p>
    </div>
    <div class="img-box jtsm">
      <div id="qrcode" class="qrcode" title="${payurl !''}"><canvas width="256" height="256" style="display: none;"></canvas><img alt="Scan me!" src="" style="display: block;"></div>
    </div>
    <div class="span-div">
      订单 <span id="hours">0 时</span><span id="minutes" class="span">0分</span><span id="seconds">0 秒</span> 后过期
    </div>
    <div class="accountinfo"><button style="font-size: 3.5vh;" id="payclick">点击打开支付宝付款</button></div>
  </div>
  <div class="content zhzz">
    <div class="text zhzz">
      <div class="tips">
        <p class="accountinfo">收款账户：<span style="color: #ff6600;margin-left:10px;" id="payaccount">${payaccount !''}</span></p>
        <p class="accountinfo">收款人：<span style="color: #ff6600;margin-left:10px;" id="payname">${name !''}</span></p>
        <p class="accountinfo"><button style="font-size: 3.5vh;" id="copy">复制收款账户</button></p>
      </div>
    </div>
    <div class="text">
      <p class="tsyy" style="color: red;">需要多次付款，请重新发起订单。</p>
      <p class="tsyy">1、点击复制收款账户按钮复制账号</p>
      <p class="tsyy">2、打开手机支付宝，转账到支付宝</p>
      <p class="tsyy">3、支付成功</p>
    </div>
  </div>
</div>

</body></html>